<template>
  <div class="manageWorkbench">
    <workbench-page-design :isDesign="2" :isProd="2" id="1766996409004392450" />
  </div>
</template>

<script setup lang="ts" name="WORKBENCHMANAGEWORKBENCH">
import WorkbenchPageDesign from "../../system/sysworkbenchinfo/workbenchPageDesign/index.vue";
</script>

<style lang="scss" scoped>
.manageWorkbench {
  // background-image: url(../../../assets/images/pageBg.png);
  background-color: black;
  overflow: auto;
  min-height: 100%;
  :deep(.el-card) {
    background-color: transparent;
    border: none;
    .el-card__header {
      background: rgba(212, 219, 249, 0.1);
      border-bottom: none;
    }
  }
  :deep(.el-statistic__number) {
    color: #fff !important;
  }
  :deep(.el-statistic__head) {
    color: #fff !important;
  }
  :deep(.el-calendar) {
    color: lightskyblue;
    .el-calendar-table {
      tr td:first-child {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
      }
      tr:first-child td {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
      }
      td {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        border-right: 1px solid rgba(255, 255, 255, 0.2);
      }
    }
    .el-calendar__header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .el-button {
      background-color: transparent;
      border-color: lightskyblue;
      color: lightskyblue;
    }
  }
}
:deep(.produceCard) {
  max-height: calc(100vh - 168px);
  overflow-y: auto;
  background-color: rgba(38, 49, 141, 0.3) !important;
  border: none !important;
}
:deep(li) {
  border: none !important;
  box-shadow: 0px 0px 5px rgba(172, 185, 227, 0.5) inset;
}
:deep(.el-divider--horizontal) {
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}
:deep(.el-input__wrapper) {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
}
:deep(.vue-grid-layout) {
  height: calc(100vh - 104px) !important;
}
:deep(.vue-grid-item) {
  height: 100% !important;
  transform: translate3d(10px, 0px, 0px) !important;
}
:deep(.el-table td.el-table__cell div) {
  color: rgba(172, 185, 227, 1) !important;
}
:deep(.el-table th.el-table__cell) {
  color: rgba(255, 255, 255, 0.3) !important;
}
:deep(.produce-c-title) {
  color: #fff !important;
}
:deep(.produceTitle) {
  color: #fff !important;
}
:deep(li) {
  .greenColor {
    color: rgb(47, 79, 79) !important;
    font-weight: 600 !important;
    background-color: rgb(29, 233, 182) !important;
  }
  .redColor {
    color: rgb(255, 255, 255) !important;
    font-weight: 600 !important;
    background: rgb(255, 82, 82) !important;
  }
  .greyColor {
    color: #000 !important;
    background: grey !important;
  }
  .numberLight {
    color: #fff !important;
    font-weight: 400 !important;
  }
}
</style>
